<!DOCTYPE html>
<html>
	<head>
		<meta charset="UTF-8">
		<meta name="viewport" content="width=device-width, initial-scale=1.0, user-scalable=no, minimum-scale=1.0, maximum-scale=5.0" >
		<meta name="apple-mobile-web-app-capable" content="yes">
		<meta name="apple-mobile-web-app-status-bar-style" content="black">
		<meta name="format-detection" content="telephone=no">
		
		<link type="text/css" rel="stylesheet" href="../css/model/bootstrap.css" />
		<link type="text/css" rel="stylesheet" href="../css/top.css" />
		<link type="text/css" rel="stylesheet" href="../css/class_detail.css" />
		
		<script type="text/javascript" src="../js/model/jquery-2.1.4.min.js"></script>
		<script type="text/javascript" src="../js/model/bootstrap.js"></script>
		<script type="text/javascript" src="../js/layer/layer.js"></script>
		<script type="text/javascript" src="../js/model/reset_font.js"  ></script>
		<script type="text/javascript" src="../js/class_detail.js"></script>
		
		<title>优当借书网</title>
	</head>
	<body >
		<!--页面结构  4块 ：头部  分类导航  主体  底部 -->
		<!--头部-->
		<div class="top">
			<a href="mall_index.html" class="goback">
					<img src="../images/icons/goback2.png" />
			</a>
			<span class="top_center" >
				<span class="class_top">
					蛋糕
				</span>
			</span>
		</div>
		<!--/头部-->
		<!--主体-->
		<div class="container">
		<!--导航-->
		<div class="nav">
			<!--三级分类-->
			<div class="nav_bot" style="display: block;border:1px solid red;height: 1rem;">
				<div class="swiper-container">
					<div class="swiper-wrapper">
						<div class="swiper-slide">
							心形
						</div>
						<div class="swiper-slide">
							圆形
						</div>
						<div class="swiper-slide">
							心形
						</div>
						<div class="swiper-slide">
							圆形
						</div>
						
					</div>
				</div>
				<!--<ul class="nav_bot_ul2 class1" style="display:none">
					<li class="active">多层</li>
					<li>一共能输入几个字</li>
					<li>心形</li>
					<li>主题</li>
					<li>生肖</li>
					<li>多层</li>
					<li>方形</li>
					<li>心形</li>
					<li>主题</li>
					<li>生肖</li>
				</ul>
				<ul class="nav_bot_ul2 class2" style="display:block">
					<li class="active">芝士</li>
					<li>鲜奶</li>
					<li>慕斯</li>
					<li>巧克力</li>
					<li>冰淇淋</li>
					<li>水果</li>
				</ul>
				<ul class="nav_bot_ul2 class3" style="display:none;">
					<li class="active">节日</li>
					<li>纪念</li>
					<li>聚餐</li>
					<li>生日</li>
					
				</ul>
				<ul class="nav_bot_ul2 class4" style="display:none;">
					<li class="active">恋人</li>
					<li>家人</li>
					<li>长辈</li>
					<li>儿童</li>
					<li>朋友</li>
				</ul>
				<ul class="nav_bot_ul2 class5" style="display:none;">
					
				</ul>
				<ul class="nav_bot_ul2 class6" style="display:none;">
					<li class="active">恋人</li>
					<li>家人</li>
					<li>长辈</li>
					<li>儿童</li>
					<li>朋友</li>
				</ul>
				<div style="clear: right;"></div>-->
			</div>
		</div>
		<!--<div class="grey"></div>-->
		<!--二级分类-->
		<div class="nav_top" style="display: none;">
			<div class="nav_top_text">
				<!--二级分类-->
				<ul class="nav_top_ul">
					<li id="class1">
						<a href="#" class="active">按样式分类</a>
					</li>
					<li id="class2">
						<a href="#">口味</a>
					</li>
					<li id="class3">
						<a href="#">用途</a>
					</li>
					<li id="class4">
						<a href="#">人群</a>
					</li>
					<li id="class5">
						<a href="#">样式</a>
					</li>
					<li id="class6">
						<a href="#">样式</a>
					</li>

				</ul>
			</div>
		</div>
		<!--/导航-->
		<!--主体-->
		<div class="main" >
			 <div class="content" >
		   	  <ul>
		   	  	<li id="1">
		   	  		<div class="item_con" >
		   	  			<a href="book_detail.html">
		   	  				<img src="../images/books/book.png" class="goods_pic"/>
		   	  				<div class="c_name">水果拼盘淡奶油蛋糕水果拼盘淡奶油</div>
		   	  			</a>
		   	  			<div class="c_price">
		   	  				￥<span class="price">59.00</span>
		   	  				<div class="add_buy">
		   	  					<img src="../images/index/gobuy.png" class="gobuy"/>
		   	  				</div>
		   	  			</div>
		   	  		</div>
		   	  	</li>
		   	  	<li id="2">
		   	  		<div class="item_con" >
		   	  			<a href="book_detail.html">
		   	  				<img src="../images/books/booka.png" class="goods_pic"/>
		   	  				<div class="c_name">水果拼盘淡奶油蛋糕水果拼盘淡奶油</div>
		   	  			</a>
		   	  			<div class="c_price">
		   	  				￥<span class="price">59.00</span>
		   	  				<div class="add_buy">
		   	  					<img src="../images/index/gobuy.png" class="gobuy"/>
		   	  				</div>
		   	  			</div>
		   	  		</div>
		   	  	</li>
		   	  	<li>
		   	  		<div class="item_con" >
		   	  			<a href="book_detail.html">
		   	  				<img src="../images/books/bookb.png" class="goods_pic"/>
		   	  				<div class="c_name">水果拼盘淡奶油蛋糕水果拼盘淡奶油</div>
		   	  			</a>
		   	  			<div class="c_price">
		   	  				￥<span class="price">59.00</span>
		   	  				<div class="add_buy">
		   	  					<img src="../images/index/gobuy.png" class="gobuy"/>
		   	  				</div>
		   	  			</div>
		   	  		</div>
		   	  	</li>
		   	  	<li>
		   	  		<div class="item_con" >
		   	  			<a href="book_detail.html">
		   	  				<img src="../images/books/booka.png" class="goods_pic"/>
		   	  				<div class="c_name">水果拼盘淡奶油蛋糕水果拼盘淡奶油</div>
		   	  			</a>
		   	  			<div class="c_price">
		   	  				￥<span class="price">59.00</span>
		   	  				<div class="add_buy">
		   	  					<img src="../images/index/gobuy.png" class="gobuy"/>
		   	  				</div>
		   	  			</div>
		   	  		</div>
		   	  	</li>
		   	  	<li>
		   	  		<div class="item_con" >
		   	  			<a href="book_detail.html">
		   	  				<img src="../images/books/booka.png" class="goods_pic"/>
		   	  				<div class="c_name">水果拼盘淡奶油蛋糕水果拼盘淡奶油</div>
		   	  			</a>
		   	  			<div class="c_price">
		   	  				￥<span class="price">59.00</span>
		   	  				<div class="add_buy">
		   	  					<img src="../images/index/gobuy.png" class="gobuy"/>
		   	  				</div>
		   	  			</div>
		   	  		</div>
		   	  	</li>
		   	  	<li>
		   	  		<div class="item_con" >
		   	  			<a href="book_detail.html">
		   	  				<img src="../images/books/booka.png" class="goods_pic"/>
		   	  				<div class="c_name">水果拼盘淡奶油蛋糕水果拼盘淡奶油</div>
		   	  			</a>
		   	  			<div class="c_price">
		   	  				￥<span class="price">59.00</span>
		   	  				<div class="add_buy">
		   	  					<img src="../images/index/gobuy.png" class="gobuy"/>
		   	  				</div>
		   	  			</div>
		   	  		</div>
		   	  	</li>
		   	  	<div class="clear"></div>
		   	  </ul>
		   </div>
			<!--content 结束-->
			<!--没有-->
			
				<div class="no_one" style="display: none;">
					<img src="../images/goods/no_more.png"  />
					<div>暂时没有商品哦</div>
				</div>
			<!--/没有-->
			
			<!--悬浮图标 开始-->
			<!--聊天-->
			<!--<a href="#" class="msg" id="msg">
				<img src="../images/class_detail/msg.png" />
			</a>-->
			<!--购物车-->
			<a href="#" class="buycar" id="buycar">
				<img src="../images/class_detail/car.png" />
			</a>
			<!--悬浮图标 结束-->
		</div>
	</div>
	<!--/主体-->
		<!--客服弹窗 begin-->
		<div class="alert_kefu" style="display: none;">
			<span class="kefu_pic">
				<img src="../images/icons/message.png"  />
			</span>
		</div>
		<!--客服弹窗 the end-->
	</body>
</html>
